검색 엔진 최적화(SEO)와 사이트 최적화

✒️ 2025-05-16 09:09 내용 수정

참고 자료 : TBWADATALAB SEO란, Google 검색 센터

검색 엔진 최적화(SEO)

Search Engine Optimization으로, 검색 결과가 상위에 노출되도록 하는 전략

SEO와 HTML

  1. 사이트 구조 최적화
    • 적절한 HTML 요소와 시맨틱 태그를 사용하여 페이지의 구조를 명확하게 한다.
  2. 구체적인 제목
    • <h1> 등 제목 태그를 사용하여 페이지의 중요한 제목을 설정하고, 제목을 통한 섹션 분류를 통해 키워드가 노출될 수 있도록 한다.
  3. 메타 태그 설정
    • <meta> 태그 설정으로 사이트의 메타 데이터(제목, 키워드, 저자 등)를 추가하여 해당 사이트와 검색어의 연관성을 높일 수 있다.
  4. 이미지 태그의 alt 속성
    • 봇은 이미지를 확인할 수 없기에 이미지 태그의 alt 속성으로 이미지 내용을 제공하면 이미지나 텍스트 기반 검색 시 해당 사이트의 이미지를 노출 시킬 수 있다.
  5. 링크 확인
    • 구글 봇은 링크, 사이트맵, 리다이렉션을 가져오고 파싱하여 URL 사이를 이동한다.
    • 이처럼 봇은 사이트 내 링크들을 통해 다른 사이트로 이동할 수 있어 <a> 태그를 통한 사이트 간의 연관성을 확보할 수 있다.
  6. 고품질 컨텐츠 제공
    • 사이트에서 제공하는 컨텐츠가 방문자에게 도움이 될 수 있는 내용이 많이 포함될수록 트래픽 증가와 사이트 노출에 유리하다.
    • 텍스트가 읽기 쉽고 체계적으로 구성되어야 하며, 고유하고 최신 상태여야 한다.
  7. URL 구성
    • 단순 색인 URL보단 사이트의 주제나 키워드를 파악하기 좋은 단어를 포함한 URL이 좋다.
    • http://www.example.com/study/seo-and-site-optimization.html
  8. 사이트 최적화
    • 사용자가 웹 사이트를 클릭한 후 정보가 로딩될 때까지의 시간을 로딩 속도라 하며, 사이트의 로딩 속도가 짧을수록 SEO 점수를 더 받을 수 있다.
    • 로딩 속도가 느리다면 사용자 입장에선 사이트를 방문하기 꺼려질 것이고, 그로 인해 노출이 점점 줄어들 것이다.

사이트 최적화

웹 사이트의 성능을 개선하는 작업

  1. 페이지 로딩 속도 개선
    • 이미지 최적화 : 적절한 이미지 포맷을 사용하고, 렌더에 영향을 주는 이미지 사이즈 설정을 통해 페이지 로드에 걸리는 시간을 줄일 수 있다.
    • 코드 최적화 : HTML 코드의 불필요한 부분(주석, 공백, 줄바꿈 등)을 줄이고, CSS와 JavaScript 파일의 압축 및 제거를 통해 DOM과 CSSOM 생성 시간을 최적화한다.
    • 캐싱 : 자주 요청하는 정보(정적 요소 등)를 저장하여 로딩 시간을 단축한다.
  2. 반응형 디자인 구현과 접근성 향상
    • 다양한 디바이스에서 일관된 사용자 경험을 제공할 수 있도록 미디어 쿼리를 사용하고, 스크린 리더 호환성이나 내비게이션을 통해 모든 사용자가 이용할 수 있도록 한다.
  3. 보안 설정
    • 보안 설정을 통해 사용자에게 안전한 사이트를 제공할 수 있도록 한다.
  4. 응답 속도 개선